<script setup>

</script>

<template>
  <div class="main-box">
    <div class="login-box">
        <div class="item-box">
          <router-view/>
        </div>
    </div>
  </div>
</template>

<style scoped>
body, html{
  padding: 0;
  margin: 0;
}
.main-box{
  background-color: #fff;
  position: relative;
  overflow: auto;
  height: 100vh;
}
.login-box{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  flex-direction: column;
  inset: 0;
}
.item-box{
  position: relative;
  width: 988px;
  min-height: 560px;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 12px 38px -2px #b8b8bb;
  max-width: 100vw;
}
</style>
